<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style type="text/css">
    table tr th,
    table tr td {
        width: calc(100% / 8);
        text-align: center;
    }
</style>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <div style="text-align: center;margin: 12px;font-weight: bold;">
        <span>借满[[${param.orderPeriods}]]期，利息总共[[${dueInterestAmount}]]元</span>
    </div>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>期数</th>
            <th>还款时间</th>
            <th>总额</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="plan,iterStat : ${plans}">
            <td th:text="${plan.installmentNo}"></td>
            <td th:text="${plan.dueDate}"></td>
            <td th:text="${plan.dueAmount}"></td>
        </tr>
        <tr th:if="${plans == null || plans.size() ==0}">
            <td colspan="3">暂无数据</td>
        </tr>
        </tbody>
    </table>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript">

</script>
</body>
</html>
